<template>
	<view class="pagebox">
		<view class="banner">
			<uv-navbar leftIcon="" title="" bgColor="none" placeholder>
				<template v-slot:center>
					<!-- <view class="uv-nav-center">支付</view> -->
				</template>
			</uv-navbar>
			<view class="navfoot"></view>
                              
			<view class="title">
				支付成功
			</view>
			<view class="sub_title">
				感谢您对我们的信任与支持，欢迎下次再来
			</view>
			<view class="navfoot"></view>
			<view class="navfoot"></view>
		</view>

		<view class="empty">
			<image class="image" src="@/static/img/order_win.png" mode="aspectFill"></image>
		</view>
		<view class="p">您已支付成功，您可以返回首页</view>

		<view class="btn-group">
			<uv-button text="返回首页"  custom-style="width:250rpx" color="#31c0ed"
				@click="go_index"></uv-button>
			<!-- 	<uv-button text="查看订单" custom-style="width:250rpx" color="#50d1cc" @click="go_order"></uv-button> -->
		</view>
	</view>
</template>
<script lang="ts" setup>
	import route from '@/uni_modules/uv-ui-tools/libs/util/route.js';
	import { ref, reactive, toRefs, computed } from 'vue';
	import { onReady, onLoad, onShow } from '@dcloudio/uni-app';

	const go_index = () => { 
		uni.reLaunch({
			url: '/pages/tabbar/index'
		});
	}
	// const go_order = () => {
	// 	route('/pages/mine/orderList');
	// }
</script>
<style lang="scss">
	page {
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.empty {
		display: flex;
		justify-content: center;
		padding: 120rpx 0 20rpx 0;
	
		.image {
			width: 300rpx;
			height: 300rpx;
			display: block;
		}
	}
	.pagebox {
		width: 100%;
		// display: flex;
		// flex-direction: column;
		// justify-content: center;
		// align-items: center;
		// padding: 208rpx 30rpx;

		.btn-group {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0 100rpx;

			.btn {
				display: flex;
				align-items: center;
				margin-left: 40rpx;
			}

		}

		.p {
			color: #999999;
			font-size: 28rpx;
			margin-top: 20px;
			text-align: center;
			margin-bottom: 150rpx;
		}

		.title {
			color: #fff;
			font-size: 60rpx;
			text-align: center;
			margin-bottom: 50rpx;

		}

		.sub_title {
			color: #fff;
			font-size: 24rpx;
			text-align: center;

		}

		.banner {
			width: 100%;

			background: #31c0ed; // height: 560rpx;

			.uv-nav-center {
				color: #fff;
				font-weight: bold;
			}

			.uv-nav-right {
				color: #fff;
				font-weight: bold;
			}



			.navfoot {
				height: 60rpx;
			}

		}
	}
</style>